<template>
	<u-navbar fixed :placeholder="true" bgColor="#ffffff">
		<!-- #01ab36 -->
		<view class="u-nav-slot flex" :class="type&&'line-solid'" slot="left">
			<u-icon name="home" size="20" color="#999999"></u-icon>
			<!-- <xs-icon name="icon-location" size="16" color="#fff"></xs-icon> -->
			<text class="title">{{appName}}</text>
			<!-- <xs-icon name="icon-arrow-down" color="#fff"></xs-icon> -->
		</view>
	</u-navbar>
</template>

<script>
	import Config from '@/core/config'
	const appName = Config.get('name')
	export default {
		name: "tabnav",
		data() {
			return {
				appName
			};
		},
		props: {
			title: {
				type: String,
				default: "首页"
			},
			type: {
				type: Boolean,
				default: false
			}
		}

	}
</script>

<style lang="scss" scoped>
	.u-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 200rpx;
		padding: 6rpx 14rpx;
		opacity: 0.8;
		color: #fff;
	}

	.slot-left {
		display: flex;
	}

	.line-solid {
		border: 2rpx solid $u-border-color;
	}

	.title {
		font-size: 28rpx;
		color: #000;
		margin: 0px 10rpx;
		font-weight: bold;
	}
</style>